<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>YeatesYS | 特立而不独行</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
<section class="main" id="sec1">
    <div class="blackbox" id="bb1"></div>
    <div class="blackbox" id="bb2"></div>
    <div class="cl">
        <header class="me">
            <img src="http://o70i2z34f.bkt.clouddn.com/batavatar.jpg" alt="avatar">
            <hgroup>
                <h1>YeatesYS</h1>
                <h2>ACM / LINUX / DESIGN</h2>
            </hgroup>
        </header>
        <section class="evaluate">
            <h1>特立而不独行。</h1>
            <article>
                <p>大一CS狗一枚，马上要变成大二老腊肉了。</p>
                <p>目前在学习Web前端，Linux和视频制作。默默无闻的ACM渣。买了个破眼镜就想进军VR圈。对参与制作第一个国产3A大作有浓厚兴趣，只是目前能做的事情似乎只有游戏测试。</p>
                <p>会吉他，可惜是个手残。有了点审美之后就入了设计坑，还有想学手绘，求带。</p>
                <p>借用一句话：希望能和一群有趣的人做一些有趣的事。</p>
            </article>
            <nav class="tags">
                <ul>
                    <li>ACG新坑</li><li>
                    间歇性文青形态</li><li>
                    司机&不带同性</li><li>
                    不敢说自己技术的宅</li><li>
                    FFF团员</li>
                </ul>
            </nav>
        </section>
    </div><div class="cr">
    <h1>ME</h1>
    <div class="skills">
        <div class="progress"><span style="width:60%" id="s1"></span></div>
        <p>HTML CSS | 没那么简单</p>
        <div class="progress"><span style="width:50%" id="s2"></span></div>
        <p>LINUX | 谁说Linux界面丑的，Linux有界面？</p>
        <div class="progress"><span style="width:70%" id="s3"></span></div>
        <p>AE PR | 酷炫和苦力之间是电脑配置</p>
        <div class="progress"><span style="width:70%" id="s4"></span></div>
        <p>C C++ | 学了之后大概知道为什么说面向对象难了</p>
        <div class="progress"><span style="width:40%" id="s5"></span></div>
        <p>ACG | 听说穿着lolita写代码有快感</p>
    </div>
</div>
</section>
<section class="main">
    <div class="sec">
        <nav class="contact">
            <ul class="links">
                <h1>CONTACT</h1>
                <li><a href="http://blog.yeates.cn" id="blog">
                    <h2>Yeatesの扯蛋</h2>
                    <p>某人的日常</p>
                    </a>
                </li><li>
                <a href="http://git.oschina.net/chevalierys" id="github">
                    <h2>GitHub</h2>
                    <p>喵</p>
                    </a>
                </li><li>
                <a href="mailto:yeates98@hotmail.com" id="mail">
                    <h2>邮箱</h2>
                    <p>垃圾邮件快离开…</p>
                    </a>
                </li><li>
                <a href="http://weibo.com/2680340795" id="weibo">
                    <h2>新浪微博</h2>
                    <p>虽然不怎么看微博的说</p>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</section>
<section class="footer">
    <p>@2016</p>
</section>
</body>
</html>